<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
	<el-container>
		<div>
			商品列表
			<div id="sx">
				<el-button size="small" icon="el-icon-refresh" @click="shuaxin()">刷新</el-button>
			</div>
			<div id="fh">
				<el-button size="small" icon="el-icon-arrow-left" @click="fanhui">返回</el-button>
			</div>
		</div>
	  <el-header style="height: 100px;">
		 <div>
		 	<div id="yi">
				<div id="div7">
					筛选查询
				</div>
		 		<div id="div8">
					<el-button  size="small" @click="gjjs">高级检索</el-button>
				</div>
				<div>
					<el-dialog title="高级检索" :visible.sync="jiansuo">
						<el-form :model="jsFrom"  ref="from" style="padding:0 1vw;">
							<el-row :gutter="20">
								<el-col :span="12">
									<el-form-item label="商品编号:">
										<el-input v-model="jsFrom.productCode" style="width:200px;"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item label="商品名称:" >
										<el-input v-model="jsFrom.productName" style="width:200px;"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="12">
									<el-form-item label="商品价格:">
										<el-input v-model="jsFrom.currentpriceProduct" style="width:200px;"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="12">
									<el-form-item label="点击量:" >
										<el-input v-model="jsFrom.hits" style="width:200px;"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-form-item>
								<el-button type="primary" @click="ksjs">开始检索</el-button>
								<el-button type="primary" @click="qx">取消</el-button>
							</el-form-item>
						</el-form>
					</el-dialog>
				</div>
		 	</div>
		 	<div id="er">
		 		<div id="divinp">
					输入搜索：
					<el-input type="text" v-model="inputVal" placeholder="商品名称" style="width: 180px;" @change="sousuo"></el-input>
				</div>
		 		<div id="divfen">
					商品分类：
					<el-select v-model="categroyId" placeholder="选择商品分类" @change="getCategroyId()">
						<el-option label="书籍" :value="1"></el-option>
						<el-option label="服装" :value="2"></el-option>
					</el-select>
				</div>
		 		<div id="divzhuang">
					商品状态：
					<el-select v-model="productSate" placeholder="上线/下线" @change="getSate()">
						 <el-option label="上线" :value="1"></el-option>
						<el-option label="下线" :value="2"></el-option>
					</el-select>
				</div>

		 	</div>
		 </div>
	  </el-header>
	  <el-container>
	    <el-aside width="200px">
			<el-tree :data="ProductLists" node-key="id" :props="defaultProps" @node-click="handleNodeClick" default-expand-all ></el-tree>
		</el-aside>
	    <el-main>
			<div>
				<div>
					<div id="divv5">
						数据列表
					</div>
					<div id="div9">
						<div id="divv3">
							<input id="dr" style="display: none"
								type="file"
								@change="daoru($event)">
							<el-button size="small" @click="drbt">
								导入
							</el-button>
						</div>
						<div id="divv4">
							<el-button size="small" @click="add">添加商品</el-button>
						</div>
					</div>
				</div>

				<!-- 添加 -->
				<div>
					<el-dialog title="添加商品信息" :visible.sync="addFormVisible">
						<div id="div6">
							<el-form ref="form" :model="addform" label-width="80px">
								<el-form-item label="商品分类">
									<el-cascader
										placeholder="请选择商品分类"
										ref="cascaderHandle"
										:change-on-select="true"
										:options="ProductLists"
										:props="props"
										v-model="addform.categroyId"
										:clearable="true"
										@change="fenlei"
										:show-all-levels="false"
										filterable></el-cascader>
								</el-form-item>
								<el-form-item label="商品名称">
									<el-input v-model="addform.productName"></el-input>
								</el-form-item>
								<el-form-item label="商品图片:">
									<el-upload
									  class="upload-demo"
									  action=" http://localhost:8081/upload/uploadfile"
									  :on-preview="handlePreview"
									  :on-remove="handleRemove"
									  :file-list="fileList"
									  v-model="addform.mainImage"
									  list-type="picture">
									  <el-button size="small" type="primary">点击上传</el-button>
									  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
									</el-upload>
								</el-form-item>
								<el-form-item label="商品介绍">
									<el-input type="textarea" v-model="addform.productDescription"></el-input>
								</el-form-item>
								<el-form-item label="商品标签">
									<el-input type="textarea" v-model="addform.searchKeywords"></el-input>
								</el-form-item>
								<el-form-item label="商品货号">
									<el-input v-model="addform.productCode"></el-input>
								</el-form-item>
								<el-form-item label="商品售价">
									<el-input v-model="addform.currentpriceProduct"></el-input>
								</el-form-item>
								<el-form-item label="商品库存">
									<el-input v-model="addform.productNumber"></el-input>
								</el-form-item>
								<el-form-item label="商品资源">
									<el-radio-group v-model="addform.recommend" @change="resources">
										<el-radio label="2">新品</el-radio>
										<el-radio label="3">推荐</el-radio>
									</el-radio-group>
								</el-form-item>
								<el-form-item label="优惠券">
									<el-radio-group v-model="addform.discount" @change="coupon">
										<el-radio label="3">否</el-radio>
										<el-radio label="2">是</el-radio>
									</el-radio-group>
								</el-form-item>
								<el-form-item label="服务保证">
									<el-radio-group v-model="addform.ensure" @change="service">
										<el-radio label="2">无忧退货</el-radio>
										<el-radio label="3">快速退款</el-radio>
										<el-radio label="4">免费包邮</el-radio>
									</el-radio-group>
								</el-form-item>
								<el-form-item>
								   <el-button type="primary" @click="onSubmit">添加</el-button>
								   <el-button>取消</el-button>
								</el-form-item>
							</el-form>
						</div> 
					</el-dialog>
				</div>
				
				<div>
					 <!-- 商品表格 -->
					<el-table
						:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
						border
						stripe
						@row-click="biaoge"
						:header-cell-style="{
        					background: '#F5F7FA',
        					color: 'black',
      					}">
						<el-table-column type="selection" width="55"></el-table-column>
						<el-table-column prop="productCode" label="编号"  sortable></el-table-column>
						<el-table-column prop="mainImage" label="商品图片" align="center">
							<template slot-scope="scope">
								<el-image style="width: 50px; height: 50px" :src="mainImage"></el-image>
							</template>
						</el-table-column>
						<el-table-column prop="productName" label="商品名称"></el-table-column>
						<el-table-column prop="currentpriceProduct" label="价格"></el-table-column>
						<el-table-column prop="productSate" label="上架/下架">
							<template slot-scope="scope">
							    <el-switch
										v-model="scope.row.productSate"
										active-color="#13ce66"
										inactive-color="#ff4949"
										:active-value="1"
										:inactive-value="2"
										@change="changeStatus(scope)"></el-switch>
							</template>
						</el-table-column>
						<el-table-column prop="categroyId" label="分类">
							 <template slot-scope="scope">
							    <span v-if="scope.row.categroyId === 1">书籍</span>
							    <span v-if="scope.row.categroyId === 2">服装</span>
							</template>
						</el-table-column>
						<el-table-column prop="searchKeywords" label="标签"></el-table-column>
						<el-table-column prop="hits" label="商品点击量"></el-table-column>
						<el-table-column prop="productCstatus" label="审核状态">
							<template slot-scope="scope">
								<span v-if="scope.row.productCstatus === 1">已审核</span>
								<span v-if="scope.row.productCstatus === 2">未审核</span>
								<span v-if="scope.row.productCstatus === 3">审核中</span>
								<span v-if="scope.row.productCstatus === 4">审核失败</span><br>
								<el-link type="primary" @click="shenhexiangqing">审核详情</el-link>
							</template>
						</el-table-column>
						 <el-table-column fixed="right" label="操作" width="100">
						  <template slot-scope="scope">
				
							<el-button @click="see(scope.row)" type="text" size="small">查看</el-button>
							
							<el-button @click="edit(scope.row, scope.row.producctId)" type="text" size="small">编辑</el-button>

							<router-link to="/rz">
								<el-button  type="text" size="small">日志</el-button>
							</router-link>

							<el-button  @click="del(scope.row.producctId)" type="text" size="small">删除</el-button>
						  </template>
						</el-table-column>
					</el-table>
					
					<!-- 分页器 -->
					<div class="block" style="margin-top:15px;">
					    <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange" 
					    :current-page="currentPage" 
					    :page-sizes="[2,4,8,10]"
					    :page-size="pageSize" 
					    layout="total, sizes, prev, pager, next, jumper" 
					    :total="tableData.length">
					    </el-pagination>
					</div>
			
				</div>
				<!-- 查看商品 -->
				<div>
					<el-dialog title="商品详情" :visible.sync="chakan">
					 <template slot-scope='scope'>
					   <el-form :model="form" ref="form" style="padding:0 1vw;">
					     <el-row :gutter="20">
					       <el-col :span="12">
					        <el-form-item label="商品编号:">
					          <el-input v-model="form.productCode" style="width:200px;"></el-input>
					        </el-form-item>
					       </el-col>
					       <el-col :span="12">
					        <el-form-item label="商品名称:" >
					          <el-input v-model="form.productName" style="width:200px;"></el-input>
					        </el-form-item>
					       </el-col>
					     </el-row>
					     <el-row :gutter="20">
					       <el-col :span="12">
					        <el-form-item label="商品价格:">
					          <el-input v-model="form.currentpriceProduct" style="width:200px;"></el-input>
					        </el-form-item>
					       </el-col>
					       <el-col :span="12">
					         <el-form-item label="商品状态:">
					           <el-input v-model="form.productSate" style="width:200px;"></el-input>
					         </el-form-item>
					       </el-col>
					     </el-row>
					 	<el-row :gutter="20">
					 	  <el-col :span="12">
					 	   <el-form-item label="商品分类:" >
					 	     <el-input v-model="form.categroyId" style="width:200px;"></el-input>
					 	   </el-form-item>
					 	  </el-col>
					 	  <el-col :span="12">
					 	   <el-form-item label="商品点击量:" >
					 	     <el-input v-model="form.hits" style="width:200px;"></el-input>
					 	   </el-form-item>
					 	  </el-col>
					 	</el-row>
					 	<el-row :gutter="20">
					 		<el-form-item label="商品标签:">
					 		  <el-input type="textarea" v-model="form.searchKeywords" style="width:550px;"></el-input>
					 		</el-form-item>
					 	</el-row>
					 	<el-row :gutter="20">
					 	   <el-form-item label="商品介绍:">
					 	      <el-input type="textarea" v-model="form.productDescription" style="width:550px;"></el-input>
					 	    </el-form-item>
					 	</el-row>
					   </el-form>
					 </template>
					</el-dialog>
				</div>
				
				<!-- 修改商品信息 -->
				<div>
					<el-dialog title="修改商品信息" :visible.sync="xiugai" :data="upform">
					    <template slot-scope='scope'>
					        <el-form :model="upform" ref="form" style="padding:0 1vw;">
					            <el-row :gutter="20">
									<el-col :span="12">
										<el-form-item label="商品编号:">
											<el-input v-model="upform.productCode" style="width:200px;"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item label="商品名称:" >
											<el-input v-model="upform.productName" style="width:200px;"></el-input>
										</el-form-item>
									</el-col>
					            </el-row>
					            <el-row :gutter="20">
									<el-col :span="12">
										<el-form-item label="商品价格:">
											<el-input v-model="upform.currentpriceProduct" style="width:200px;"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item label="商品状态:">
											<el-input v-model="upform.productSate" style="width:200px;"></el-input>
										</el-form-item>
									</el-col>
					            </el-row>
								<el-row :gutter="20">
									<el-col :span="12">
										<el-form-item label="商品分类:" >
											<el-input v-model="upform.categroyId" style="width:200px;"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item label="商品点击量:" >
											<el-input v-model="upform.hits" style="width:200px;"></el-input>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-form-item label="商品标签:">
									  <el-input type="textarea" v-model="upform.searchKeywords" style="width:550px;"></el-input>
									</el-form-item>
								</el-row>
								<el-row :gutter="20">
								   <el-form-item label="商品介绍:">
								      <el-input type="textarea" v-model="upform.productDescription" style="width:550px;"></el-input>
								    </el-form-item>
								</el-row>
					          </el-form>
					    </template>
						<span slot="footer" class="dialog-footer">
							<el-button type="primary" @click="submitForm(upform)">确定</el-button>
						</span>
					 </el-dialog>
				</div>
				
				<!-- 审核详情 -->
				<div>
					<el-dialog title="审核详情" :visible.sync="shenhe">
						<el-table
							:data="shenheData"
							border
							stripe
							:header-cell-style="{
        					background: '#F5F7FA',
        					color: 'black',
      						}">
							<el-table-column prop="implementDater" label="审核时间" ></el-table-column>
							<el-table-column prop="implementId" label="审核人员"></el-table-column>
							<el-table-column prop="result" label="审核结果"></el-table-column>
							<el-table-column prop="remarks" label="反馈详情"></el-table-column>
						</el-table>
					</el-dialog>
				</div>
			</div>
		</el-main>
	  </el-container>
	</el-container>	
</template>
	
<script>
	import qs from 'qs'
	export default {
	    name: "ProductList",
		components:{
			qs
		},
		data(){
			return{
				mainImage:require("@/assets/houzi.jpg"),
				zt:'',
				bq:'',
				inputVal:'',
				state:'',
				categroyId:'',
				selectedOptions: [],
				values:[],
				props:{
					value:"id",
					label:"title",
					children:"children",
				},
				ProductLists:[],
				defaultProps:{
					children: 'children',
					label: 'title'	
				},
				fileList:[],//模糊查
				addForm: [],
				tableData:[], //商品表数据
				shenheData:[], //审核详情数据
				chakan: false, //查看 默认false
				xiugai: false, //修改 默认false
				shenhe: false, //审核详情 默认false
				addFormVisible: false, //添加
				jiansuo: false, //高级检索
				formLabelWidth: '120px',
				addLoading: false,
				value:'',
				currentPage: 1, // 当前页码
				total: 20, // 总条数
				pageSize: 4 ,// 每页的数据条数
				userIndex: 0,
				form:{ 
					productCode:'',
					productName:'',
					currentpriceProduct:'',
					productSate:'',
					categroyId:'',
					hits:'',
					searchKeywords:'',
					productDescription:'',
				},
				upform:{
					productCode:'',
					productName:'',
					currentpriceProduct:'',
					productSate:'',
					categroyId:'',
					hits:'',
					searchKeywords:'',
					productDescription:'',
				},
				addform:{
					categroyId:'',
					productName:'',
					mainImage:'',
					productDescription:'',
					searchKeywords:'',
					productCode:'',
					currentpriceProduct:'',
					productNumber:'',
					recommend:'',
					discount:'',
					ensure:'',
				},
				jsFrom:{},
				productSate:'',
				searchKeywords:[
					{label:'书',value:'1',},
					{label:'IT',value:'2',},
					{label:'java',value:'3',},
				]
			}
		},
		methods: {
			fl() {
				this.spfl = true
			},
			//点击节点回调函数 获取表格
			handleNodeClick(data) {
				let id = data.id;
				console.log(id);
				sessionStorage.setItem("ppid", id);
				this.getProduct(id);
			},
			//获取商品的数据
			getProduct(id) {
				this.$http.post('/Product/getProduct?categroyId=' + id)
						.then(res => {
							this.tableData = res.data;
							console.log(res.data)
						})
			},
			//获取树的数据
			getProductList() {
				this.$http.post('/ProductList/getProductList')
						.then(res => {
							console.log(res.data);
							this.ProductLists = res.data
						});
			},
			//修改表格商品状态
			changeStatus(scoped) {
				let productSate;
				console.log(scoped.row.productSate);
				if (scoped.row.productSate) {
					productSate = 2
				} else if (scoped.row.productSate) {
					productSate = 1
				}
				console.log(scoped.row.productSate);
				this.$http.post('/Product/upproductSate?productId=' + scoped.row.producctId + '&productSate=' + scoped.row.productSate)
						.then(res => {
							console.log(scoped.row.producctId,productSate)
						}).catch(error => {
					console.log("请求失败");
				})
			},
			//查看
			see(row) {
				console.log(row);
				this.chakan = true;
				this.form.productCode = row.productCode;
				this.form.productName = row.productName;
				this.form.currentpriceProduct = row.currentpriceProduct;
				this.form.productSate = row.productSate;
				if(	this.form.productSate == 1){
					this.form.productSate = "上架"
				}else if (	this.form.productSate == 2) {
					this.form.productSate = "下架"
				}
				this.form.categroyId = row.categroyId;
				if(	this.form.categroyId == 1){
					this.form.categroyId = "书籍"
				}else if (	this.form.categroyId == 2) {
					this.form.categroyId = "服装"
				}
				this.form.productDescription = row.productDescription;
				this.form.hits = row.hits;
				this.form.searchKeywords = row.searchKeywords;

			},
			//修改
			edit(item, id) {
				console.log(id);
				/*if(item.categroyId == 1){
					item.categroyId = "书籍"
				}else if (item.categroyId == 2){
					item.categroyId = "服装"
				}
				if(item.productSate == 1){
					item.productSate = "上架"
				}else if (item.productSate == 2){
					item.productSate = "下架"
				}*/
				this.upform = {
					producctId: id,
					productCode: item.productCode,
					productName: item.productName,
					currentpriceProduct: item.currentpriceProduct,
					productSate: item.productSate,
					categroyId: item.categroyId,
					productDescription: item.productDescription,
					hits: item.hits,
					searchKeywords: item.searchKeywords,
				};


				this.xiugai = true;
			},
			//确定修改
			submitForm() {
				this.$http.get("/Product/upProduct", {
					params: this.upform
				});
				this.xiugai = false;
				this.$message({
					type: "success",
					message: "修改成功"
				})
			},

			//添加商品
			add() {
				this.addFormVisible = true;
			},
			//确定添加商品
			onSubmit() {
				let data = {
					categroyId: this.addform.categroyId[0],
					productName: this.addform.productName,
					mainImage: this.addform.mainImage,
					productDescription: this.addform.productDescription,
					searchKeywords: this.addform.searchKeywords,
					productCode: this.addform.productCode,
					currentpriceProduct: this.addform.currentpriceProduct,
					productNumber: this.addform.productNumber,
					recommend: this.addform.recommend,
					discount: this.addform.discount,
					ensure: this.addform.ensure,
				};
				this.$http.post("/Product/addProduct", data
				).then(res => {
					this.tableData.push(this.addform);
					this.addFormVisible = false;
					this.$message({
						type: "success",
						message: "添加成功"
					})
				}).catch(() => {

				})
			},
			//商品推荐点击回调
			resources(label) {
				console.log(label)
			},
			//是否用优惠券点击回调
			coupon(label) {
				console.log(label)
			},
			//服务保证点击回调
			service(label) {
				console.log(label)
			},
			//删除
			del(producctId) {
				console.log(producctId);
				this.$confirm("此操作将永久删除此商品, 是否继续?", "警告", {
					confirmButtonText: "继续",
					cancelButtonText: "取消",
					type: "warning"
				})
				.then(() => {
					const data = {producctId};
					this.$http.post("/Product/delProduct?producctId=" + producctId, data)
						.then(response => {
							this.getProduct(); //删除数据后重新获取数据
						})
						.catch(() => {
							this.$message({
								type: "success",
								message: "删除成功"
							})
						})
				})
				.catch(() => {
					this.$message({
						type: "info",
						message: "已取消删除"
					});
				});
			},
			//每页条数改变时触发 选择一页显示多少行
			handleSizeChange(val) {
				console.log(`每页 ${val} 条`);
				this.currentPage = 1;
				this.pageSize = val;
			},
			//当前页改变时触发 跳转其他页
			handleCurrentChange(val) {
				console.log(`当前页: ${val}`);
				this.currentPage = val;
			},
			//点击商品表格行获取数据
			biaoge(row) {
				let productId = row.producctId;
				sessionStorage.setItem("productId", productId);
				console.log(productId)
			},

			//审核详情
			shenhexiangqing() {
				let productId = sessionStorage.getItem("productId");
				console.log(productId);
				this.shenhe = true;
				this.$http.post('/Record/getRecord?courseId=' + productId)
						.then(res => {
							console.log(res.data);
							this.shenheData.push(res.data)
						})
			},
			//上传图片
			handleRemove() {

			},
			handlePreview() {

			},
			//点击商品分类
			fenlei(val) {
				let label = this.$refs['cascaderHandle'].getCheckedNodes()[0].label; //获取选中的值
				console.log(label);
				/*this.IndustryQualification = label[0].data.IndustryQualification;*/
				this.$refs.cascaderHandle.dropDownVisible = false; //监听值发生变化就关闭它
			},
			//根据商品状态查询
			getSate() {
				let data = 'productSate=' + this.productSate;
				this.$http({
					method: 'post',
					url: '/Product/getproductSate',
					data: data
				}).then(res => {
					this.tableData = res.data;
					/*this.tableData.map(function (val) {
						if (val.productSate == 1) {
							val.productSate = true;
							console.log(val.productSate)
						} else if (val.productSate == 2) {
							val.productSate = false
						}
					})*/
				})
			},
			//根据商品名称查询
			sousuo(){
				console.log("el-input",this.inputVal);
				let data = 'productName='+ this.inputVal;
				this.$http({
					method: 'post',
					url: '/Product/getProductAll',
					data: data
				}).then(res =>{
					this.tableData = res.data;
				}).catch(err => {
					console.log("操作失败：" + err);
				})

			},
			//根据商品分类查询
			getCategroyId(){
				let data = 'categroyId=' + this.categroyId;
				this.$http({
					method: 'post',
					url: '/Product/getCategroyId',
					data: data
				}).then(res =>{
					this.tableData = res.data;
				}).catch(err => {
					console.log("操作失败：" + err);
				})
			},
			//高级检索
			gjjs(){
				this.jiansuo = true;
			},
			//开始检索
			ksjs() {
				console.log(this.jsFrom);
				this.$http.get('/Product/selectProduct',{
					params: this.jsFrom
				}).then(res=>{
					this.tableData=res.data;
					this.jiansuo = false;
				}).catch(err => {
					console.log("操作失败：" + err);
				})
			},
			//取消
			qx(){
				this.jiansuo = false;
			},
			//刷新
			shuaxin(){
				this.$router.go(0);
			},
			//返回
			fanhui(){
				if(window.history.length <= 1){
					this.$router.push({path:"/system/storageManagement"});
					return false;
				}else {
					this.$router.go(-1);
				}
			},
			//导入
			daoru(e){
				this.$http({
					method: "post",
					url:'/Product/upload',
					data:{
						'file' : e.target.files[0]
					},
					headers: {
						"Content-Type": "multipart/form-data"
					}
				})
				.then(function(res) {
				})
				.catch(function(err) {
					console.log("新建分享", err);
				});

			},
			drbt(){
				document.querySelector("#dr").click();
			}
		},
		mounted() {
		    this.getProductList();
		},


	}
</script>

<style scoped>
	.el-header{
	   background-color: #F9F9F9;
	   color: #333;
	   text-align: center;
	   line-height: 50px;
	 }
	 
	 .el-aside {
		background-color: #F9F9F9;
	   text-align: center;
	   line-height: 20px;
	 }
	 
	 .el-main {
		 background-color: #F9F9F9;
	   color: #333;
	   text-align: center;
	   line-height: 50px;
	 }
	.el-scrollbar {
		width: 690px;
	}
	 body > .el-container {
	   margin-bottom: 40px;

	 }
	.el-container{
		width: 1480px;
	}
	 .el-container:nth-child(5) .el-aside,
	 .el-container:nth-child(6) .el-aside {
	   line-height: 260px;
	 }
	 
	 .el-container:nth-child(7) .el-aside {
	   line-height: 320px;
	 }
	#divinp{
		float: left;
		margin-left: 210px;
	}
	#divv3{
		float: left;

		margin-right: 0px;
	}
	#divv4{
		float: left;
		margin-left: 23px;
	}
	#divv5{
		float: left;
		margin-left: 0px;
	}
	.upload-demo{
		float: left;
		margin-left: 0px;
		margin-top: 35px;
	}
	#div6{
		width: 450px;
	}
	#div7{
		float: left;
		margin-left: -7px;
		margin-top: -2px;
	}
	#div8{
		float: right;
		margin-right: 0px;
	}
	#er{
		float: right;
		width: 1450px;
		margin-top: 10px;
	}
	#div9{
		float: left;
		margin-left: 975px;
	}
	#divfen{
		float: left;
		margin-left: 140px;
	}
	#divzhuang{
		float: left;
		margin-left: 150px;
	}
	.el-tree {
		position: relative;
		cursor: default;
		background: #F9F9F9;
		color: #606266;
		margin-top: 72px;
	}
	#sx{
		float: right;
		margin-right: 110px;
	}
	#fh{
		float: right;
		margin-right: -180px;
	}
</style>